import { defineComponent, h, ref } from "vue";
import { list } from "@/views/DataMaintenance/ZhenDuanJieGuoWeiHu/components/ZhenDuanOther/TagXinXi/components/list";

import "../ZhangDuanOther.scss";
export const TagXinXI = defineComponent({
  name: "TagXinXI",
  setup() {
    const tabClick = (data: any) => {
      console.log(data);
    };
    const selected = ref("JiBenXinXiYi");
    return () => {
      return (
        <div class="TagXinXI h-full mt-2 bg-white">
          <el-tabs v-model={selected.value} onTabClick={(data: any) => tabClick(data)} stretch class="TagXinXI-tabs px-5">
            {list.map((item: any) => (
              <el-tab-pane key={item.key} name={item.key} v-slots={{ label: () => <span>{item.title}</span> }}>
                {h(item.component)}
              </el-tab-pane>
            ))}
          </el-tabs>
        </div>
      );
    };
  }
});
